<template>
    <div class="up">
  
  <router-link to="/user"  >
    <van-cell title="<    售后/退款" icon="icon-fanhui" style="font-size: 18px; font-family:'小黑'; margin-left: 60px;" /> 
    </router-link>
    
    
    <van-tabs  v-model:active="activeName" class="orders" title-active-color="green" line-width="20px"  color="green">
    
    <van-tab title="待处理" name="e" ></van-tab>
    <van-tab title="已处理" name="f" ></van-tab>
    
    </van-tabs>
 
    <van-image
     
     width="120"
     height="120"
     fit="cover"
     class="center"
     src="https://tse1-mm.cn.bing.net/th/id/OIP-C.exi08IZ8cfpBX_nJ3-lPdAHaHa?w=211&h=211&c=7&r=0&o=5&dpr=1.9&pid=1.7"
   />
   <br>
   <p1>暂无订单,快去首页看看吧~</p1>
  
  
    </div>
    </template>
  
    <script>
  import { ref } from 'vue';
  
  export default {
    setup() {
      const activeName = ref('e');
      return { activeName };
    },
  };
    </script>
  
    <style scoped>
    .up{
      background-color:#F5F5F5;
      width:445px;
      height:667px;
      margin-left: -75px;
    }
    .center{
     margin-left: 200px;
      margin-top: 180px;
    }
    p1{
     margin-left: 190px;
    }
    
  </style>